import React from 'react';
import { ScrollView } from 'react-native';
import {
  InputItem,
  List,
  Picker,
  Switch,
  TextareaItem,
} from '@ant-design/react-native';
import { ATA_DATA } from '@/constants';

// NRC工卡内容组件页
export default function NrcCardView({
  nrc,
  withAudit,
  inAudit,
  onFieldChange,
}) {
  return (
    <ScrollView keyboardShouldPersistTaps={'always'} nestedScrollEnabled>
      <List>
        <InputItem value={nrc.acno} editable={false}>
          机号
        </InputItem>
        <InputItem value={nrc.acdMs} editable={false}>
          依据文件
        </InputItem>
        <InputItem value={nrc.cardNo} editable={false}>
          相关工卡
        </InputItem>
        <Picker
          data={ATA_DATA}
          cols={2}
          value={nrc.ata}
          disabled={inAudit}
          onChange={(val) => onFieldChange('ata', val)}
          format={(values) => values.join(' -- ')}
        >
          <List.Item>ATA章节</List.Item>
        </Picker>
        <InputItem value={nrc.level} editable={false}>
          定检级别
        </InputItem>
        <InputItem value={nrc.orderNO} editable={false}>
          工作包号
        </InputItem>
        <InputItem value={nrc.itemNo} editable={false}>
          项目号
        </InputItem>
        <InputItem value={nrc.sta} editable={false}>
          工作航站
        </InputItem>
        <InputItem value={nrc.submitter} editable={false}>
          编写人
        </InputItem>
        <InputItem value={nrc.submitDate} editable={false}>
          编写时间
        </InputItem>
        <List.Item
          extra={
            <Switch
              checked={!!nrc.rii}
              disabled={inAudit}
              onChange={(checked) => {
                onFieldChange('rii', checked);
              }}
            />
          }
        >
          必检
        </List.Item>
        <List.Item
          extra={
            <Switch
              checked={!!nrc.engine}
              disabled={inAudit}
              onChange={(checked) => {
                onFieldChange('engine', checked);
              }}
            />
          }
        >
          试车
        </List.Item>
        <List.Item>故障描述</List.Item>
        <TextareaItem
          rows={4}
          editable={!inAudit}
          value={nrc.faultdesc}
          onChange={(val) => onFieldChange('faultdesc', val)}
        />
        {/* {withAudit && (
          <>
            <List.Item>审批意见</List.Item>
            <TextareaItem
              rows={4}
              editable={!!inAudit}
              value={nrc.review}
              onChange={(val) => onFieldChange('review', val)}
            />
          </>
        )} */}
      </List>
    </ScrollView>
  );
}
